<div class="header-wrap">
  	<header class="public-head-layout wrapper">
	    <h1 class="site-logo">
	    	<a href="{:url('home/Index/index')}">
				<img src="__APP__{:sysconf('site_logo')}"  class="pngFix"/>
	    	</a>
	    </h1>
	    <div class="head-search-layout">
	      	<div class="head-search-bar" id="head-search-bar">
	     		<div id="search">
		         	<ul class="tab">
		            	<li act="search" class="current">
		            		<span>商品</span>
		            		<i class="arrow"></i>
		            	</li>
		            	<li act="store_list">
		            		<span>店铺</span>
		            	</li>
		          	</ul>
		        </div>
	
		        <form act='search' action="{:url('shop/Search/index')}" method="get" class="search-form" id="top_search_form">
		  
		          	<?php
						if (I('param.keyword')) {
							$keyword = stripslashes(I('param.keyword'));
						} elseif ($rec_search_list) {
			                $_stmp = $rec_search_list[array_rand($rec_search_list)];
							$keyword_name = $_stmp['name'];
							$keyword_value = $_stmp['value'];
						} else {
			                $keyword = '';
			            }
					?>
		          	<input name="keyword" id="keyword" type="text" class="input-text" value="<?php echo $keyword;?>" maxlength="60" x-webkit-speech lang="zh-CN" onwebkitspeechchange="foo()" placeholder="<?php echo $keyword_name ? $keyword_name : '请输入您要搜索的商品关键字';?>" data-value="<?php echo rawurlencode($keyword_value);?>" x-webkit-grammar="builtin:search" autocomplete="off" />
		          	<input type="submit" id="button" value="搜索" class="input-submit">
		        </form>
		        
	        	<div class="search-tip" id="search-tip">
			        <div class="search-history">
			            <div class="title">
			            	历史纪录<a href="javascript:void(0);" id="search-his-del">清除</a>
			            </div>
			            <ul id="search-his-list">
			            	
			            </ul>
			        </div>
			        <div class="search-hot">
			            <div class="title">热门搜索...</div>
			            <ul>
							{foreach $rec_search_lists as $val}
							<li>
								<a href="{:url('shop/Search/index')}?keyword={$val}">{$val}</a>
							</li>
							{/foreach}
			            </ul>
			        </div>
	        	</div>
	        	
	      	</div>
	      	<div class="keyword">
		        <ul>
		        	{volist name="hot_search" id="val"}
		          		<li>
		          			<a href="{:url('shop/Search/index')}?keyword={$val}">{$val}</a>
		          		</li>
		          	{/volist}
		        </ul>
	      	</div>
	    </div>
	    
	    <div class="head-user-menu">
	    	<a href="{:url('shop/Cart/index')}">
		    <dl class="my-cart">
		        <div class="addcart-goods-num">{$cart_goods_num}</div>
		        <dt>
		        	<span class="icon kangle-icon">&#xe601;</span>
		         	查看购物车
		        	
		        </dt>
		        
		    </dl>
		</a>	查看购物车
	    </div>
	  <div class="zhangshang">
            <i class="icon kangle-icon"></i>
            <span class="sp1">掌上商城</span>
            <span class="sp2">购买更优惠</span>
        </div>
        <div class="zhangshang-tip" >
            <img src="{:sysconf('wx_gzh')}" >
            <span>扫一扫关注微信公众号</span>
        </div>
            <script>
            $(".zhangshang").mouseover(function(){
                $(".zhangshang-tip").css({"display":"block","z-index":"101"} );
            });
            $(".zhangshang").mouseout(function(){
                $(".zhangshang-tip").css({"display":"none","z-index":"-1"} );
            });


        </script>
<style>
        .public-head-layout .zhangshang-tip{
            background-color: #fff;
            width: 173px;
            padding: 10px 0;
            position: absolute;
            top: 110px;
            right: 40px;
            z-index: -1;
            text-align: center;
            display: none;
            border:1px solid #ddd;
        }
        .public-head-layout .zhangshang-tip img{
            width: 95px;
            height: 95px;
            display: block;
            margin: 10px auto;
            border:1px solid #eee;
        }
    </style>
  	</header>
</div>